
var colorArr = [
    { "color": "#5470C6" },
    { "color": "#91CC75" },
    { "color": "#FAC858" },
    { "color": "#EE6666" },
    { "color": "#73C0DE" },
];

// 用户ID
let id = getUrlParam("id");
$(function () {
    GetUserRole();
});
//获取用户权限
function GetUserRole() {
    // let thisdata = [];
    // thisdata.push(InitRole(id));
    let USERdata = InitRole(id);
    if (USERdata != null) {
        InitChart1();
    }
    else OpenErrmsg("../../web/errhtml/404.html");
}

function InitChart1() {
    let data = [
        { "name": "天然气", "qty": "6" },
        { "name": "干  气", "qty": "8" },
        { "name": "闪蒸汽", "qty": "9" },
        { "name": "凝析油", "qty": "13" },
    ];
    var myChart = echarts.init(document.getElementById('chartdiv'));
    var seriesDataPie = new Array();
    for (var i = 0; i < data.length; i++) {
        var item = data[i];
        seriesDataPie.push({ name: item.name, value: item.qty });
        let divstr = '<div style="flex:1;display: flex;flex-direction: row;" class="labeldiv">'
            + '<div style="flex:2;">'
            + item.name + "m³</div>  "
            + '<div style="flex:1;">'
            + item.qty + "</div>  "
        $('#div_label').append(divstr);

    }
    // 指定图表的配置项和数据
    var option2 = {
        title: {
            text: '库存分布情况'
        },

        tooltip: {},
        series: [{
            name: '数量',
            type: 'pie',
            data: seriesDataPie,
            label: { normal: { show: true, position: 'inner' } }
        }]
    };
    myChart.setOption(option2);

    // //每日装船数
    // $.ajax({
    //     type: "POST",
    //     url: 'DataDriver.ashx?method=mrzc&random=' + GetRandomNum(1, 1000),
    //     async: true, cache: false,
    //     data: {},
    //     dataType: "json",
    //     success: function (data) {

    //         var xAxisDataLine = new Array();
    //         var seriesDataLine = new Array();
    //         for (var i = 0; i < data.length; i++) {
    //             var item = data[i];
    //             xAxisDataLine.push(item.date)
    //             seriesDataLine.push(item.num);
    //         }
    //         // 指定图表的配置项和数据
    //         var option = {
    //             title: {
    //                 text: "每日装船数",
    //                 textStyle: {
    //                     color: '#54cad8',
    //                     fontSize: "30px",
    //                     fontWeight: "bold"
    //                 },
    //                 top: "10px;",
    //                 left: "20px;"
    //             },
    //             tooltip: {},
    //             legend: {
    //                 data: ['销量'],
    //                 color: "#fff"
    //             },

    //             xAxis: {
    //                 data: xAxisDataLine,
    //                 axisLine: {
    //                     lineStyle: {
    //                         color: '#113d5e',
    //                         width: 1, //这里是为了突出显示加上的
    //                     }
    //                 },
    //                 axisLabel: {
    //                     show: true,
    //                     textStyle: {
    //                         color: '#6782a0'
    //                     }
    //                 }

    //             },
    //             yAxis: {
    //                 axisLine: {
    //                     lineStyle: {
    //                         color: '#113d5e',
    //                         width: 1, //这里是为了突出显示加上的
    //                     }
    //                 },
    //                 splitLine: {
    //                     show: true,
    //                     lineStyle: {
    //                         type: 'solid',
    //                         color: '#113d5e'
    //                     }
    //                 },
    //                 axisLabel: {
    //                     show: true,
    //                     textStyle: {
    //                         color: '#6782a0'
    //                     }
    //                 }

    //             },
    //             color: ["#01d6ff"],
    //             series: [{
    //                 type: 'bar',
    //                 data: seriesDataLine
    //             }]
    //         };
    //         // 使用刚指定的配置项和数据显示图表。
    //         myChart.setOption(option);


    //     }
    // });
}

